

<template>
    <h3>样式绑定</h3>
    <div :style="{ color: activeColor, fontSize: fontSize + 'px' }">样式绑定</div>
    <div :style="{ 'font-size': fontSize + 'px' }">样式绑定</div>
    <div :style="styleObject">样式绑定</div>
</template>
<script>
    
    export default{
        
        data(){
            return{
                activeColor:'red',
                fontSize:30,
                styleObject:{
                    color: 'red',
                    fontSize: '30px'
                }

            }
        }
    }
</script>